<!DOCTYPE html>
<html>
<head>
  <?php
    // Creating the doc title
    thematic_doctitle();

    // Creating the content type
    thematic_create_contenttype();

    // Creating the description
    thematic_show_description();

    // Creating the robots tags
    thematic_show_robots();

    // Creating the canonical URL
    thematic_canonical_url();

    // Loading the stylesheet
    //thematic_create_stylesheet();

    // Calling WordPress' header action hook
    wp_head();
  ?>
  <script src="<?php bloginfo('template_directory'); ?>/js/jquery.min.js" type="text/javascript"></script>
  <!--[if IE]
   <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>--><!--[if lt IE 9]
   <script type="text/javascript" src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>-->

  <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/reset.css" />
  <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/960grid.css" />
  <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/webfront.css" />
  <link REL="SHORTCUT ICON" HREF="<?php bloginfo('template_directory'); ?>/images/favicon.ico">
</head>

<script>
  $(document).ready(function(){
    $("div#home_link a").hover(function(){
      $("#welcome").fadeToggle('slow');
    });
  });
</script>

<body>
  <div id="wrapper" class="container_10">
    <div class="content">
      <img src="<?php bloginfo('template_directory'); ?>/images/welcome.png" id="welcome" />

      <div id="home_link" class="grid_5 fr">
        <a href="home"><img src="<?php bloginfo('template_directory'); ?>/images/text.png" /></a>
      </div>
    </div>
  </div>
</body>

</html>